<template>
  <div class="swiperItem3">
	  <cover>
			<img class="img" :src="imgLink" alt="" :style="{width:width,height:height}">
		</cover>
	  <a class="describe" href="#">{{describe}}</a>
		<a class="auth" href="#">{{auth}}</a>
	  <span class="info">{{info}}</span>
  </div>
</template>

<script>
	import cover from 'components/common/cover.vue'
  export default{
    name:'',
    data(){
      return {
		  
       }
    },
	props:{
	  imgLink:{
	    type:String,
	    default(){
	      return require('../../assets/img/test2.jpg')
	    }
	  },
	  describe:{
		  type:String,
		  default(){
			  return ""
		  }
	  },
	  info:{
		  type:String,
		  default(){
		  	return ""
		  }
	  },
		auth:{
			type:String,
			default(){
			  return ""
			}
		},
		width:{
		  type:String,
		  default(){
		  	return "224px"
		  }
		},
		height:{
			type:String,
			default(){
				return "224px"
			}
		},
	},
    methods:{
      
    },
    components:{
       cover
    }
  }
</script>

<style scoped>
	.swiperItem3{
	  display: flex;
	  flex-direction: column;
	  margin: 0;
	}
	.relay{
		width: 25%;
		height: 25%;
	}
	.info,.auth{
		color: var(--font-grey);
	}
	a:hover{
		color: var(--bcc-green);
	}
</style>
